<template>
	<view class="nav_outer">
		<!-- <view class="title_box">
			<view class="title_box_content"
				><view>张三</view>
				<view>【就诊卡号：00466644824】</view>
				<view @click="selectCard"
					>切换就诊卡<u-icon name="arrow-right"></u-icon></view
			>
			</view>
		</view> -->
		<view>
			<view v-if="allShow">
				<view>{{ all }}</view>
			</view>
			<view v-else>
				<u-empty
					text="暂无数据"
					icon-size="200"
					icon-color="#0089ff8c"
					color="#c0c4cc"
					mode="history"
					margin-top="330"
				></u-empty>
			</view>
		</view>
		<view class="safe"></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			allShow: false,
			all: '',
		}
	},
	onReady() {
		if (this.all == '') {
			this.allShow = false
		} else {
			this.allShow = true
		}
	},
	onUnload: function () {
		//页面被卸载时被执行
		uni.navigateBack({
			data1: 2,
		})
	},
	methods: {
		selectCard() {
			uni.navigateTo({
				url: '../pay/select_pay',
			})
		},
	},
}
</script>

<style lang="scss">
page {
	background-color: #f3f4f6;
}
// .nav_outer {
// 	box-sizing: border-box;
// 	padding-bottom: 68rpx;
// 	padding-bottom: constant(safe-area-inset-bottom);
// 	padding-bottom: env(safe-area-inset-bottom);
// }
.title_box {
	border-top: 2rpx solid #cccccc;
	.title_box_content {
		display: flex;
		padding: 30rpx;
		background: #fff;
		view:nth-child(2) {
			flex: 1;
			text-align: center;
			color: #9a9a9a;
		}
		view:nth-child(3) {
			color: #0089ff;
		}
	}
}
.safe {
	height: 0;
	height: constant(safe-area-inset-bottom);
	height: env(safe-area-inset-bottom);
}
</style>